<template>
  <div class="school">
      <h2>学校名称：{{name}}</h2>
      <h2>学校地址：{{address}}</h2>

  </div>
</template>

<script>
import pubsub from 'pubsub-js'


export default {

  // eslint-disable-next-line vue/multi-word-component-names
  name: "Student",
  data(){
    return{
      address:'重庆市巴南区红光大道',
      name:'重庆理工大学',

    }
  },
  mounted() {
    //给傀儡绑定一个hello事件
    // this.$bus.$on('hello',(data)=>{
    //   console.log('我是School组件收到了数据',data)
    // })
  //  订阅消息  a一个是消息名，b 一个是数据
   this.pubsubid =  pubsub.subscribe('hello',function (msg,data){
      console.log('有人发布了hello消息且执行了',msg,data)
     console.log(this) // 此时this为Windows  箭头函数则不是，因为这不是vue里的内容
    })
  },
  //若用完最好销毁事件 $off  如果组件被销毁了，则也把事件销毁
  beforeDestroy() {
    // this.$bus.$off('hello')
    //取消订阅 类似于定时器
    pubsub.unsubscribe(this.pubsubid)
  }

}
</script>

<style scoped>
    .student{
      background-color: skyblue;
      padding: 10px;
    }
</style>
